<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
        <title>资产处低值易耗品管理系统-山东女子学院</title>
        <link href="static/css/icon.css" rel="stylesheet">
        <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css">
        <link rel="stylesheet" type="text/css" href="static/css/font-awesome.min.css">
        <link rel="stylesheet" type="text/css" href="static/css/style.css">
        <!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
    </head>
    <body>
        <div class="main-wrapper">
            <div class="header">
                <div class="header-left">
                    <a href="" class="logo">
                        <img
                            src="static/picture/logo.png"
                            width="35"
                            height="35"
                            alt=""
                        >
                        <span>低值易耗品管理</span>
                    </a>
                </div>
                <a id="toggle_btn" href="javascript:void(0);">
                    <i class="fa fa-bars"></i>
                </a>
                <a id="mobile_btn" class="mobile_btn float-left" href="#sidebar">
                    <i class="fa fa-bars"></i>
                </a>

                <ul class="nav user-menu float-right">
                    <li class="nav-item dropdown has-arrow">
                        <a href="#" class="dropdown-toggle nav-link user-link" data-toggle="dropdown">
                            <span class="user-img">
                                <img
                                    class="rounded-circle"
                                    src="static/picture/user.jpg"
                                    width="24"
                                    alt="用户名"
                                >
                                <span class="status online"></span>
                            </span>
                            <span>用户名</span>
                        </a>
                        <div class="dropdown-menu">
                            <a class="dropdown-item" href="profile.html">我的信息</a>
                            <a class="dropdown-item" href="settings.html">系统设置</a>
                            <a class="dropdown-item" href="login.html">退出登录</a>
                        </div>
                    </li>
                </ul>
                <div class="dropdown mobile-user-menu float-right">
                    <a
                        href="#"
                        class="dropdown-toggle"
                        data-toggle="dropdown"
                        aria-expanded="false"
                    >
                        <i class="fa fa-ellipsis-v"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right">
                        <a class="dropdown-item" href="profile.html">我的信息</a>
                        <a class="dropdown-item" href="settings.html">系统设置</a>
                        <a class="dropdown-item" href="login.html">退出系统</a>
                    </div>
                </div>
            </div>

            <div class="sidebar" id="sidebar">
                <div class="sidebar-inner slimscroll">
                    <div id="sidebar-menu" class="sidebar-menu">
                        <ul>
                            <li class="menu-title">菜单</li>
                            <li class="active">
                                <a href="">
                                    <i class="fa fa-dashboard"></i>
                                    <span>我的首页</span>
                                </a>
                            </li>
                            <li>
                                <a href="doctors.html">
                                    <i class="fa fa-cube"></i>
                                    <span>资产入库</span>
                                </a>
                            </li>
                            <li>
                                <a href="doctors.html">
                                    <i class="fa fa-calendar-check-o"></i>
                                    <span>入库记录</span>
                                </a>
                            </li>
                            <li>
                                <a href="doctors.html">
                                    <i class="fa fa-calendar"></i>
                                    <span>出库记录</span>
                                </a>
                            </li>
                            <li class="submenu">
                                <a href="#">
                                    <i class="fa fa-flag-o"></i>
                                    <span>统计分析</span>
                                    <span class="menu-arrow"></span>
                                </a>
                                <ul style="display: none;">
                                    <li>
                                        <a href="expense-reports.html">资产统计</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="submenu">
                                <a href="#">
                                    <i class="fa fa-cog"></i>
                                    <span>系统设置</span>
                                    <span class="menu-arrow"></span>
                                </a>
                                <ul style="display: none;">
                                    <li>
                                        <a href="#">个人信息</a>
                                    </li>
                                    <li>
                                        <a href="#">修改密码</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <div class="page-wrapper">
                <div class="content">
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
                            <div class="dash-widget">
                                <span class="dash-widget-bg1">
                                    <i class="fa fa-stethoscope" aria-hidden="true"></i>
                                </span>
                                <div class="dash-widget-info text-right">
                                    <h3>98</h3>
                                    <span class="widget-title1">Doctors
                                        <i class="fa fa-check" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
                            <div class="dash-widget">
                                <span class="dash-widget-bg2">
                                    <i class="fa fa-user-o"></i>
                                </span>
                                <div class="dash-widget-info text-right">
                                    <h3>1072</h3>
                                    <span class="widget-title2">Patients
                                        <i class="fa fa-check" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
                            <div class="dash-widget">
                                <span class="dash-widget-bg3">
                                    <i class="fa fa-user-md" aria-hidden="true"></i>
                                </span>
                                <div class="dash-widget-info text-right">
                                    <h3>72</h3>
                                    <span class="widget-title3">Attend
                                        <i class="fa fa-check" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-6 col-xl-3">
                            <div class="dash-widget">
                                <span class="dash-widget-bg4">
                                    <i class="fa fa-heartbeat" aria-hidden="true"></i>
                                </span>
                                <div class="dash-widget-info text-right">
                                    <h3>618</h3>
                                    <span class="widget-title4">Pending
                                        <i class="fa fa-check" aria-hidden="true"></i>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chart-title">
                                        <h4>Patient Total</h4>
                                        <span class="float-right">
                                            <i class="fa fa-caret-up" aria-hidden="true"></i>15% Higher than Last Month
                                        </span>
                                    </div>
                                    <canvas id="linegraph"></canvas>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-6 col-xl-6">
                            <div class="card">
                                <div class="card-body">
                                    <div class="chart-title">
                                        <h4>Patients In</h4>
                                        <div class="float-right">
                                            <ul class="chat-user-total">
                                                <li>
                                                    <i class="fa fa-circle current-users" aria-hidden="true"></i>ICU
                                                </li>
                                                <li>
                                                    <i class="fa fa-circle old-users" aria-hidden="true"></i>OPD
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <canvas id="bargraph"></canvas>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-8 col-xl-8">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title d-inline-block">Upcoming Appointments</h4>
                                    <a href="appointments.html" class="btn btn-primary float-right">View all</a>
                                </div>
                                <div class="card-body p-0">
                                    <div class="table-responsive">
                                        <table class="table mb-0">
                                            <thead class="d-none">
                                                <tr>
                                                    <th>Patient Name</th>
                                                    <th>Doctor Name</th>
                                                    <th>Timing</th>
                                                    <th class="text-right">Status</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td style="min-width: 200px;">
                                                        <a class="avatar" href="profile.html">B</a>
                                                        <h2>
                                                            <a href="profile.html">Bernardo Galaviz
                                                                <span>
                                                                    New York,
                                                                USA
                                                                </span>
                                                            </a>
                                                        </h2>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Appointment With</h5>
                                                        <p>Dr. Cristina Groves</p>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Timing</h5>
                                                        <p>7.00 PM</p>
                                                    </td>
                                                    <td class="text-right">
                                                        <a href="appointments.html" class="btn btn-outline-primary take-btn">Take up</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="min-width: 200px;">
                                                        <a class="avatar" href="profile.html">B</a>
                                                        <h2>
                                                            <a href="profile.html">Bernardo Galaviz
                                                                <span>
                                                                    New York,
                                                                USA
                                                                </span>
                                                            </a>
                                                        </h2>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Appointment With</h5>
                                                        <p>Dr. Cristina Groves</p>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Timing</h5>
                                                        <p>7.00 PM</p>
                                                    </td>
                                                    <td class="text-right">
                                                        <a href="appointments.html" class="btn btn-outline-primary take-btn">Take up</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="min-width: 200px;">
                                                        <a class="avatar" href="profile.html">B</a>
                                                        <h2>
                                                            <a href="profile.html">Bernardo Galaviz
                                                                <span>
                                                                    New York,
                                                                USA
                                                                </span>
                                                            </a>
                                                        </h2>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Appointment With</h5>
                                                        <p>Dr. Cristina Groves</p>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Timing</h5>
                                                        <p>7.00 PM</p>
                                                    </td>
                                                    <td class="text-right">
                                                        <a href="appointments.html" class="btn btn-outline-primary take-btn">Take up</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="min-width: 200px;">
                                                        <a class="avatar" href="profile.html">B</a>
                                                        <h2>
                                                            <a href="profile.html">Bernardo Galaviz
                                                                <span>
                                                                    New York,
                                                                USA
                                                                </span>
                                                            </a>
                                                        </h2>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Appointment With</h5>
                                                        <p>Dr. Cristina Groves</p>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Timing</h5>
                                                        <p>7.00 PM</p>
                                                    </td>
                                                    <td class="text-right">
                                                        <a href="appointments.html" class="btn btn-outline-primary take-btn">Take up</a>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="min-width: 200px;">
                                                        <a class="avatar" href="profile.html">B</a>
                                                        <h2>
                                                            <a href="profile.html">Bernardo Galaviz
                                                                <span>
                                                                    New York,
                                                                USA
                                                                </span>
                                                            </a>
                                                        </h2>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Appointment With</h5>
                                                        <p>Dr. Cristina Groves</p>
                                                    </td>
                                                    <td>
                                                        <h5 class="time-title p-0">Timing</h5>
                                                        <p>7.00 PM</p>
                                                    </td>
                                                    <td class="text-right">
                                                        <a href="appointments.html" class="btn btn-outline-primary take-btn">Take up</a>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                            <div class="card member-panel">
                                <div class="card-header bg-white">
                                    <h4 class="card-title mb-0">Doctors</h4>
                                </div>
                                <div class="card-body">
                                    <ul class="contact-list">
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="John Doe">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status online"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        John
                                                    Doe
                                                    </span>
                                                    <span class="contact-date">MBBS, MD</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="Richard Miles">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status offline"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        Richard
                                                    Miles
                                                    </span>
                                                    <span class="contact-date">MD</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="John Doe">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status away"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        John
                                                    Doe
                                                    </span>
                                                    <span class="contact-date">BMBS</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="Richard Miles">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status online"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        Richard
                                                    Miles
                                                    </span>
                                                    <span class="contact-date">MS, MD</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="John Doe">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status offline"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        John
                                                    Doe
                                                    </span>
                                                    <span class="contact-date">MBBS</span>
                                                </div>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="contact-cont">
                                                <div class="float-left user-img m-r-10">
                                                    <a href="profile.html" title="Richard Miles">
                                                        <img src="static/picture/user.jpg" alt="" class="w-40 rounded-circle">
                                                        <span class="status away"></span>
                                                    </a>
                                                </div>
                                                <div class="contact-info">
                                                    <span class="contact-name text-ellipsis">
                                                        Richard
                                                    Miles
                                                    </span>
                                                    <span class="contact-date">MBBS, MD</span>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="card-footer text-center bg-white">
                                    <a href="doctors.html" class="text-muted">
                                        View
                                    all Doctors
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12 col-md-6 col-lg-8 col-xl-8">
                            <div class="card">
                                <div class="card-header">
                                    <h4 class="card-title d-inline-block">New Patients</h4>
                                    <a href="patients.html" class="btn btn-primary float-right">View all</a>
                                </div>
                                <div class="card-block">
                                    <div class="table-responsive">
                                        <table class="table mb-0 new-patient-table">
                                            <tbody>
                                                <tr>
                                                    <td>
                                                        <img
                                                            width="28"
                                                            height="28"
                                                            class="rounded-circle"
                                                            src="static/picture/user.jpg"
                                                            alt=""
                                                        >
                                                        <h2>John Doe</h2>
                                                    </td>
                                                    <td>
                                                        <a href="http://cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="88c2e7e0e6ece7edbab9c8efe5e9e1e4a6ebe7e5">[email&#160;protected]</a>
                                                    </td>
                                                    <td>+1-202-555-0125</td>
                                                    <td>
                                                        <button class="btn btn-primary btn-primary-one float-right">Fever</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <img
                                                            width="28"
                                                            height="28"
                                                            class="rounded-circle"
                                                            src="static/picture/user.jpg"
                                                            alt=""
                                                        >
                                                        <h2>Richard</h2>
                                                    </td>
                                                    <td>
                                                        <a href="http://cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="26744f454e475442171415665f474e49490845494b">[email&#160;protected]</a>
                                                    </td>
                                                    <td>202-555-0127</td>
                                                    <td>
                                                        <button class="btn btn-primary btn-primary-two float-right">Cancer</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <img
                                                            width="28"
                                                            height="28"
                                                            class="rounded-circle"
                                                            src="static/picture/user.jpg"
                                                            alt=""
                                                        >
                                                        <h2>Villiam</h2>
                                                    </td>
                                                    <td>
                                                        <a href="http://cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b2e0dbd1dad3c0d6838081f2cbd3dadddd9cd1dddf">[email&#160;protected]</a>
                                                    </td>
                                                    <td>+1-202-555-0106</td>
                                                    <td>
                                                        <button class="btn btn-primary btn-primary-three float-right">Eye</button>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>
                                                        <img
                                                            width="28"
                                                            height="28"
                                                            class="rounded-circle"
                                                            src="static/picture/user.jpg"
                                                            alt=""
                                                        >
                                                        <h2>Martin</h2>
                                                    </td>
                                                    <td>
                                                        <a href="http://cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="a0f2c9c3c8c1d2c4919293e0d9c1c8cfcf8ec3cfcd">[email&#160;protected]</a>
                                                    </td>
                                                    <td>776-2323 89562015</td>
                                                    <td>
                                                        <button class="btn btn-primary btn-primary-four float-right">Fever</button>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-12 col-md-6 col-lg-4 col-xl-4">
                            <div class="hospital-barchart">
                                <h4 class="card-title d-inline-block">Hospital Management</h4>
                            </div>
                            <div class="bar-chart">
                                <div class="legend">
                                    <div class="item">
                                        <h4>Level1</h4>
                                    </div>
                                    <div class="item">
                                        <h4>Level2</h4>
                                    </div>
                                    <div class="item text-right">
                                        <h4>Level3</h4>
                                    </div>
                                    <div class="item text-right">
                                        <h4>Level4</h4>
                                    </div>
                                </div>
                                <div class="chart clearfix">
                                    <div class="item">
                                        <div class="bar">
                                            <span class="percent">16%</span>
                                            <div class="item-progress" data-percent="16">
                                                <span class="title">
                                                    OPD
                                                Patient
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="bar">
                                            <span class="percent">71%</span>
                                            <div class="item-progress" data-percent="71">
                                                <span class="title">
                                                    New
                                                Patient
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="bar">
                                            <span class="percent">82%</span>
                                            <div class="item-progress" data-percent="82">
                                                <span class="title">
                                                    Laboratory
                                                Test
                                                </span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="bar">
                                            <span class="percent">67%</span>
                                            <div class="item-progress" data-percent="67">
                                                <span class="title">Treatment</span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <div class="bar">
                                            <span class="percent">30%</span>
                                            <div class="item-progress" data-percent="30">
                                                <span class="title">Discharge</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="notification-box">
                    <div class="msg-sidebar notifications msg-noti">
                        <div class="topnav-dropdown-header">
                            <span>Messages</span>
                        </div>
                        <div class="drop-scroll msg-list-scroll" id="msg_list">
                            <ul class="list-box">
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">R</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Richard Miles</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item new-message">
                                            <div class="list-left">
                                                <span class="avatar">J</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">John Doe</span>
                                                <span class="message-time">1 Aug</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">T</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Tarah Shropshire</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">M</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Mike Litorus</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">C</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">
                                                    Catherine
                                                Manseau
                                                </span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">D</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Domenic Houston</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">B</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Buster Wigton</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">R</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Rolland Webber</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">C</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Claire Mapes</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">M</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Melita Faucher</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">J</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Jeffery Lalor</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">L</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Loren Gatlin</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="chat.html">
                                        <div class="list-item">
                                            <div class="list-left">
                                                <span class="avatar">T</span>
                                            </div>
                                            <div class="list-body">
                                                <span class="message-author">Tarah Shropshire</span>
                                                <span class="message-time">12:28 AM</span>
                                                <div class="clearfix"></div>
                                                <span class="message-content">
                                                    Lorem ipsum dolor
                                                sit amet, consectetur adipiscing
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="topnav-dropdown-footer">
                            <a href="chat.html">See all messages</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="sidebar-overlay" data-reff=""></div>
        <script src="static/js/jquery-3.2.1.min.js"></script>
        <script src="static/js/popper.min.js"></script>
        <script src="static/js/bootstrap.min.js"></script>
        <script src="static/js/jquery.slimscroll.js"></script>
        <script src="static/js/Chart.bundle.js"></script>
        <script src="static/js/chart.js"></script>
        <script src="static/js/app.js"></script>
    </body>
</html>
